<template>
	<div class="block">

		<div class="title">库存记录</div>

		

		<div class="block_item" v-on:click="toOutOrInWarehose()">
			<div>
				<span class="main">完成订单</span>
			</div>
		</div>
		
		<div class="block_item" v-on:click="toOutOrInWarehoseIng()">
			<div>
				<span class="main">进行中订单</span>
			</div>
		</div>
		
		<div class="block_item" v-on:click="toGoodsQuantity()">
			<div>
				<span class="main">产品库存</span>
			</div>
		</div>
		
		
		<div class="block_item">
			<div>
				<span class="main">移库单</span>
			</div>
		</div>
		
		<div class="block_item">
			<div>
				<span class="main">盘点单</span>
			</div>
		</div>
		
		<div class="block_item">
			<div>
				<span class="main">货损单</span>
			</div>
		</div>

	</div>
</template>

<script>
	export default {
		name: '',
		components: {},
		props: {},
		data() {
			return {}
		},
		methods: {
			toOutOrInWarehose(){this.$router.push({'name': 'OutOrInWarehose', query:{status: 'success'}})},
			toOutOrInWarehoseIng(){this.$router.push({'name': 'OutOrInWarehose', query:{status:'wait'}})},
			toGoodsQuantity(){this.$router.push({'name': 'GoodsQuantity'})}
		},
		computed: {},
		watch: {},
		created() {},
		mounted() {

		},
	}
</script>

<style scoped lang="less">
	.title {
		font-weight: 700;
		padding: 10px;
	}

	.block {
		background-color: #F0F0F0;
		margin-left: 70px;
		margin-top: 10px;
		margin-right: 10px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
	}

	.block_item {
		display: inline-block;

		width: 50%;

		div {
			margin: 10px;
			background-color: white;
			font-size: 8px;
			padding: 5px 5px;
			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

			span {
				display: block;
			}

			.main {
				font-size: 16px;
				font-weight: 700;
			}
		}
	}
</style>
